<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <meta name="renderer" content="webkit">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>首页</title>
	<link rel="stylesheet" href="../include/css/public.min.css">
	<link rel="stylesheet" href="../include/css/iconfont.min.css">
	<style>
		.page-title img {position:relative; top:5px; height:50px;}
		.page-title > p {margin-top:6px; font-size:15px; letter-spacing:2px; color:#999;}
		ul {list-style-type:circle;}

		/* 码云挂件 */
		.osc_git_box{max-width:600px; margin:60px auto 20px; border-color:#E3E9ED;}
		.osc_git_box ul {line-height:1.5; font-size:12px;}
		.osc_git_info{color:#666;}
		.osc_git_main a{color:#9B9B9B;}
	</style>
</head>
<body>
	<div class="page-cont">
		<div class="crumb"></div>
		<div class="page-title">
			<h1>
				<img src="../include/images/logo.png" alt="logo">
				ARM UI 前端框架
			</h1>
			<p>一套适用于嵌入式 Web 项目的轻量级前端框架</p>
		</div>
		<div class="section">
			<h4 class="section-title"><i class="iconfont icon-subtraction"></i> 简介</h4>
			<div class="section-cont">
				ARM UI 是一套主要用于嵌入式网页（类似家用路由器的管理网页）项目的前端框架，旨在帮助嵌入式开发工程师快速为其产品搭建一套“看得过去”的网页 GUI 界面，提高开发效率。同样适用于页面交互简单、以设置表单页或报表页为主的后台项目。
			</div>
			<h4 class="section-title"><i class="iconfont icon-subtraction"></i> 定位</h4>
			<div class="section-cont">
				<p>ARM UI 面向不熟悉网页开发的工程师服务，解决他们在网页开发上的排版、做图标、写UI样式等方面的痛点。</p>
				<p>例如：采用“配置文件+前端工程化工具”的方式来高效构建项目资源，不用人肉去创建文件；使用 iconfont 技术解决图标问题，不再看美工的脸色；编写路由脚本自动实现导航、面包屑和浏览器标题的交互、切换功能等。</p>
			</div>
		</div>
		<div class="section">
			<h4 class="section-title"><i class="iconfont icon-subtraction"></i> 特点</h4>
			<div class="section-cont">
				<ul class="ml20 mt10">
					<li><strong>轻量级：</strong>风格简洁朴素，不作过多修饰，力求每一行代码都精简到极致；</li>
					<li><strong>傻瓜化：</strong>无需为布局、配色、图标、导航等细节费神，这些经过简单配置后都是自动实现的，另外还提供常用页面模板，可按需复制粘贴；</li>
					<li><strong>工程化：</strong>采用 NodeJS + Gulp 搭建了工程化实例，可实现编译、压缩、合并、构建等任务，提高开发效率；</li>
					<li><strong>可定制：</strong>风格、图标均可按需自由定制；</li>
					<li><strong>兼容性：</strong>兼容主流浏览器，如 Chrome、Firefox 等，兼容IE8 及以上 IE 浏览器。</li>
				</ul>
			</div>
		</div>
		<div class="section">
			<h4 class="section-title"><i class="iconfont icon-subtraction"></i> 开始使用</h4>
			<div class="section-cont">
				<p>ARM UI 的使用文档最大程度上顾及了前端入门水平的使用者，为他们提供“快速上手”的使用方式；同时也为具有一定前端水平的使用者准备了按需定制、自动化构建等高级使用方式。</p>
				<p>详情请移步：<a class="btn btn-primary" href="guide/index.html">开始使用</a></p>
			</div>
		</div>
	</div>
	<script src="../include/js/jquery-1.11.3.min.js"></script>
	<script src="../include/js/public.min.js"></script>
	<script src="doc-lib/doc.js"></script>
	<script src='//gitee.com/eastups/ARM-Web/widget_preview'></script>
</body>
</html>
